<!doctype html>
<html lang="en">
	<head>
		<title>素材配置工具</title>
		<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!-- Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">
        <!-- <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> -->
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 
        <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"></script>-->
        <!-- popper.min.js 用于弹窗、提示、下拉菜单 
        <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
        <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"></script>-->
		<!-- Bootstrap 核心 JavaScript 文件 
        <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>-->
        <!-- <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
		<script src="https://cdn.staticfile.org/vue/2.2.6/vue.min.js"></script>
    </head>
    <body>
        <!-- container -->
        <div class="table-responsive" id="app">
            <h1 style="margin-left:20px;margin-top:20px;margin-bottom:20px">应用软件R1.2配置工具V1.0</h1>
            <!-- Nav tabs -->
            <ol class="nav nav-tabs" role="tablist" style="margin-left:10px;margin-right:10px">
                <li class="nav-item">
                    <a class="nav-link active" id="basecfgItem" data-toggle="tab" href="#basecfg" role="tab" aria-controls="basecfg" aria-selected="true" v-on:click="queryBaseCfg">基础部分</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="identityfuncItem" data-toggle="tab" href="#identityfunc" role="tab" aria-controls="identityfunc" aria-selected="false" v-on:click="queryUserServiceCfg">功能勾选</a>
                </li>
                <li class="av-item">
                    <a class="nav-link" id="signInItem" data-toggle="tab" href="#signIn" role="tab" aria-controls="signIn" aria-selected="false" v-on:click="querysignInCfg">签到模块</a>
                </li>
                <li class="av-item">
                    <a class="nav-link" id="publicityItem" data-toggle="tab" href="#publicity" role="tab" aria-controls="publicity" aria-selected="false" v-on:click="querypublicityCfg">宣传模块</a>
                </li>
                <li class="av-item">
                    <a class="nav-link" id="advisoryItem" data-toggle="tab" href="#advisory" role="tab" aria-controls="advisory" aria-selected="false" v-on:click="queryadvisoryCfg">问答模块</a>
                </li>
                <li class="av-item">
                    <a class="nav-link" id="directingItem" data-toggle="tab" href="#directing" role="tab" aria-controls="directing" aria-selected="false" v-on:click="querydirectingCfg">指引模块</a>
                </li>
                <li class="av-item">
                    <a class="nav-link" id="statisticsItem" data-toggle="tab" href="#statistics" v-on:click="querystatisticsCfg">统计模块</a>
                </li>
            </ol>
            <div class="tab-content">
                <div id="basecfg" class="table-responsive tab-pane active" role="tabpanel" aria-labelledby="basecfgItem" style="margin-left:20px;margin-right:20px">
                    <br>
                    <h3 style="margin-left:20px">基础部分</h3>
                </div>
                <div id="identityfunc" class="table-responsive tab-pane fade" role="tabpanel" aria-labelledby="identityfuncItem" style="margin-left:20px;margin-right:20px">
                    <button type="button" class="btn btn-primary" data-toggle="tooltip" v-on:click="saveUserServiceCfg" data-placement="top" title="保存数据到配置数据库" style="margin-left:5px;margin-top:5px;margin-bottom:5px">保存配置数据</button>
                    <table class="table table-bordered table-hover">
                        <caption></caption>
                        <thread>
                            <tr class="danger">
                                <th>身份类型</th>
                                <th>身份描述</th>
                                <th>酒店推荐</th>
                                <th>语音体验</th>
                                <th>实用功能签到</th>
                                <th>签到VIP仪式</th>
                                <th>实用功能宣传</th>
                                <th>实用功能问答</th>
                                <th>实用功能指路</th>
                                <th>实用功能统计</th>
                                <th>语音再体验</th>
                                <th>更多体验签到</th>
                                <th>更多体验宣传</th>
                                <th>更多体验问答</th>
                                <th>更多体验指路</th>
                                <th>更多体验统计</th>
                                <th>未换人更多体验</th>
                            </tr>
                        </thread>
                        <tbody>
                            <tr class="success" v-for="site in sites">
                                <td><label style="font-weight:bold;">{{ site.userType }}</label></td>
                                <td><input type="text" class="form-control" placeholder="身份描述" v-model="site.userDesc"></td>
                                <td>
                                    <input type="checkbox" class="form-control" v-model="site.hotelAdvertising" style="min-width:35px;min-height:35px;">
                                </td>
                                <td><input type="checkbox" class="form-control" v-model="site.experience1" style="min-width:35px;min-height:35px;"></td>
                                <td>
                                    <select class="form-control" v-model="site.pSign">
                                        <option>无签到模块</option>
                                        <option>全流程签到</option>
                                        <option>去拍照签到</option>
                                        <option>扫码注册签到</option>
                                        <option>精简签到</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="checkbox" class="form-control" v-model="site.pSignVipRite" v-show="site.pSign != '无签到模块'" style="min-width:35px;min-height:35px;">
                                </td>
                                <td><input type="checkbox" class="form-control" v-model="site.pPublicity" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.pAdvisory" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.pDirecting" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.pStatistics" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.experience2" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.mSign" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.mPublicity" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.mAdvisory" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.mDirecting" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.mStatistics" style="min-width:35px;min-height:35px;"></td>
                                <td><input type="checkbox" class="form-control" v-model="site.mSameOne" style="min-width:35px;min-height:35px;"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="signIn" class="table-responsive tab-pane fade" role="tabpanel" aria-labelledby="signInItem" style="margin-left:20px;margin-right:20px">
                    <div class="nav flex-column nav-pills" id="sigInTab" role="tablist" aria-orientation="vertical">
                        <a class="nav-link active" id="setPage" data-toggle="pill" href="#setPageContent">界面显示设置</a>
                        <a class="nav-link" id="setBehavior" data-toggle="pill" href="#setBehaviorContent">交互行为组设置</a>
                    </div>
                    <div class="tab-content" id="SignTabContent">
                        <div class="tab-pane fade show active" id="setPageContent" role="tabpanel" aria-labelledby="setPageContent">12121212</div>
                        <div class="tab-pane fade" id="setBehaviorContent" role="tabpanel" aria-labelledby="setBehaviorContent">343434</div>
                    </div>
                </div>
                <div id="publicity" class="table-responsive tab-pane fade" role="tabpanel" aria-labelledby="publicityItem" style="margin-left:20px;margin-right:20px">
                    <br>
                    <h3 style="margin-left:20px">宣传模块</h3>
                </div>
                <div id="advisory" class="table-responsive tab-pane fade" role="tabpanel" aria-labelledby="advisoryItem" style="margin-left:20px;margin-right:20px">
                    <br>
                    <h3 style="margin-left:20px">问答模块</h3>
                </div>
                <div id="directing" class="table-responsive tab-pane fade" role="tabpanel" aria-labelledby="directingItem" style="margin-left:20px;margin-right:20px">
                    <br>
                    <h3 style="margin-left:20px">指引模块</h3>
                </div>
                <div id="statistics" class="table-responsive tab-pane fade" role="tabpanel" aria-labelledby="statisticsItem" style="margin-left:20px;margin-right:20px">
                    <br>
                    <h3 style="margin-left:20px">统计模块</h3>
                </div>
            </div>
        </div>

        <!-- 模态框 -->
		<div class="modal fade" id="conModal">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <h1 class="modal-title">{{ modalMsgTitle }}</h1>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <!-- 模态框主体 -->
                    <div class="modal-body">
                        {{ modalMsgBody }}
                    </div>
                    <!-- 模态框底部 -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
        <script src="real.js"></script>
    </body>
</html>